<!DOCTYPE html>
<html lang="zh-CN">
  <head>
    <meta charset="UTF-8" />
    <meta
      name="viewport"
      content="width=device-width, initial-scale=1.0, maximum-scale=1.0,
	    minimum-scale=1.0, user-scalable=no"
    />
    <title>账户设置</title>
    <link rel="stylesheet" href="./css/base.css" />
    <link rel="stylesheet" href="./css/commom.css" />
    <link rel="stylesheet" href="./css/ziliao.css" />
    <link rel="stylesheet" href="./css/tabBox.css" />
    <style></style>
  </head>

  <body>
    <!-- 返回我的 -->
    <div class="padding">
      <div class="return header">
        <a href="./homepage.html"><div class="icon"></div></a>
        <div class="text">个人信息</div>
      </div>
    </div>

    <!-- 基础信息 -->
    <div class="title padding">
      <h2 class="padding5">基础信息</h2>
      <div class="text">累积经验值可升级会员</div>
    </div>
    <!-- tab栏 -->
    <div class="TabBox" style="margin-top: 0; margin-bottom: 0">
      <div class="tabBox">
        <!-- json数据生成 -->
      </div>
    </div>
    <!-- 账号绑定 -->
    <div class="title padding">
      <h2 class="padding5">账号绑定</h2>
    </div>
    <div class="TabBox" style="margin-top: 0; margin-bottom: 0">
      <div class="tabBox">
        <dl>
          <div class="pa">
            <div class="left">
              <div class="icon"><img src="" alt="" /></div>
              <div class="text"><a href="">手机号</a></div>
            </div>
            <div class="right">
              <span style="color: #000">换绑</span>
              <div class="icon"></div>
            </div>
          </div>
        </dl>
        <dl>
          <div class="pa">
            <div class="left">
              <div class="icon"><img src="" alt="" /></div>
              <div class="text"><a href="">微信</a></div>
            </div>
            <div class="right">
              去绑定
              <div class="icon"></div>
            </div>
          </div>
        </dl>
        <dl>
          <div class="pa">
            <div class="left">
              <div class="icon"><img src="" alt="" /></div>
              <div class="text"><a href="">58账号</a></div>
            </div>
            <div class="right">
              去绑定
              <div class="icon"></div>
            </div>
          </div>
        </dl>
        <dl>
          <div class="pa">
            <div class="left">
              <div class="icon"><img src="" alt="" /></div>
              <div class="text"><a href="">密码</a></div>
            </div>
            <div class="right">
              未设置密码
              <div class="icon"></div>
            </div>
          </div>
        </dl>
      </div>
    </div>
    <!-- 账号与安全 -->
    <div class="title padding">
      <h2 class="padding5">账号绑定</h2>
    </div>
    <div class="TabBox" style="margin-top: 0; margin-bottom: 0">
      <div class="tabBox">
        <dl>
          <div class="pa">
            <div class="left">
              <div class="icon"><img src="" alt="" /></div>
              <div class="text"><a href="">人脸认证</a></div>
            </div>
            <div class="right">
              <span>去认证</span>
              <div class="icon"></div>
            </div>
          </div>
        </dl>
        <dl>
          <div class="pa">
            <div class="left">
              <div class="icon"><img src="" alt="" /></div>
              <div class="text"><a href="">银行卡实名</a></div>
            </div>
            <div class="right">
              去认证
              <div class="icon"></div>
            </div>
          </div>
        </dl>
      </div>
    </div>
    <!-- json数据 -->
    <script src="./js/xinxi.json.js"></script>
    <!-- 通用动态生成 data 数据 -->
    <script src="./js/data2.js"></script>
    <script src="./js/scrollTop.js"></script>
  </body>
</html>
